
        * {
            padding: 0;
            margin: 0;
        }

        /* 整个盒子背景 */
        .box {
            width: 1000px;
            height: 440px;
            background-color: pink;
        }

        /* 上方盒子 */
        .top {
            /* width: 1000px; */
            height: 40px;
            background-color: forestgreen;

        }

        .title {
            color: blue;
            font-weight: bold;
            font-size: 20px;
        }

        /* 下方大盒子 */
        .bottom .left {
            width: 400px;
            height: 400px;
            background-color: red;
            float: left;
        }

        .bottom .middle {
            width: 200px;
            height: 400px;
            background-color: #fff;
            float: left;
            margin: 0 50px;
        }

        .middle-top {
            width: 200px;
            height: 40px;
            background-color: goldenrod;

        }

        .middle-middle {
            height: 220px;
            background-color: rgb(155, 241, 5);
            margin: 10px 0;

        }

        .middle-bottom div {
            float: left;
        }

        .middle-bottom {
            height: 120px;
            background-color: orange;
        }

        .middle-bottom-left {
            height: 120px;
            width: 80px;
            background-color: red;
        }

        .middle-bottom-right {
            height: 120px;
            width: 80px;
            background-color: gray;
            margin-left: 40px;
        }
/* 右边总的盒子 */
        .bottom .right {
            width: 300px;
            height: 400px;
            background-color: purple;
            float: left;
        }
        /* 标题栏 */
        .bottom .right .right-top{
            width: 300px;
            height: 40px;
            background-color: red;
        }
        /* 中间图片 和右边的 */
        .bottom .right .right-middle {
            width: 300px;
            height: 120px;
            background-color: aqua;
            margin: 20px 0;
        }
        .div1{
            width: 130px;
            height: 120px;
            background-color: brown;
            float: left;
        }
        .div2{
            width: 160px;
            height: 120px;
            margin-left: 10px;
            background-color: peru;
            float: left;
        }
        .div2-top{
            height: 40px;
            background-color: yellow;
        }
        .div2-zhong{
            height: 40px;
            background-color: blueviolet;
            margin: 10px 0;
        }
        .div2-youxia{
            height: 20px;
            background-color: red;
        }
        .right .right-bottom{
            width: 300px;
            height: 200px;
            background-color: blue;
        }
